<template>
  <el-dialog
    title="甲填报决算金额"
    :visible.sync="visible"
    width="85%"
    lock-scroll
    :before-close="handleClose"
  >
    <div>
      <el-form :model="formData" ref="formData" label-width="100px">
        <el-row :gutter="6">
          <el-col :span="6">
            <el-form-item label="流水号:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="客户名称:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="合同编码:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="联系人姓名:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="联系人电话:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="业务类型:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="设备供应商:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <fieldset class="contain-box">
              <legend class="contain-title">预收费单</legend>
              <el-col>
                <el-form-item label="城市:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="工料费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="调测费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="手续费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="装机优惠率(%):">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="单价:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="工程费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="工程费优惠率(%):">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="设备费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="设备费优惠率(%):">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="一次性使用币种:">
                  <el-select
                    v-model="formData.industryTypeCode"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in coinType"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="实际收款金额:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="收款单位:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </fieldset>
          </el-col>
          <el-col :span="8">
            <fieldset class="contain-box">
              <legend class="contain-title">决算金额</legend>
              <el-col>
                <el-form-item label="城市:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="工料费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="调测费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="手续费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="装机优惠率(%):">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="单价:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="工程费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="工程费优惠率(%):">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="设备费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="设备费优惠率(%):">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="一次性使用币种:">
                  <el-select
                    v-model="formData.industryTypeCode"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in coinType"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="实际收款金额:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="收款单位:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </fieldset>
          </el-col>
          <el-col :span="8">
            <fieldset class="contain-box">
              <legend class="contain-title">最终金额</legend>
              <el-col>
                <el-form-item label="城市:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="决算工料费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="决算调测费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="决算手续费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="决算工程费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="决算设备费:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="一次性使用币种:">
                  <el-select
                    v-model="formData.industryTypeCode"
                    placeholder="请选择"
                    class="m-select"
                  >
                    <el-option
                      v-for="item in coinType"
                      :key="item.code"
                      :label="item.name"
                      :value="item.code"
                    >
                    </el-option>
                  </el-select>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="实际收款金额:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
              <el-col>
                <el-form-item label="收款单位:">
                  <el-input
                    placeholder="请输入内容"
                    v-model="formData.industryTypeCode"
                    class="input-with-select"
                  >
                  </el-input>
                </el-form-item>
              </el-col>
            </fieldset>
          </el-col>
        </el-row>
        <el-row style="margin-top:20px">
          <el-col :span="6">
            <el-form-item label="填报人:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="填报日期:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="12">
            <el-form-item label="备注:">
              <el-input
                placeholder="请输入内容"
                v-model="formData.industryTypeCode"
                class="input-with-select"
              >
              </el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
    </div>
    <span slot="footer" class="dialog-footer">
      <div class="text-c">
        <el-button @click="closeDialog">取 消</el-button>
        <el-button type="primary" @click="closeDialog">确 定</el-button>
      </div>
    </span>
  </el-dialog>
</template>

<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      formData: {},
      coinType: [
        {
          code: "1",
          name: "人民币",
        },
      ],
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {
    closeDialog() {
      this.$emit("closeDialog");
    },
    handleClose() {
      this.$emit("closeDialog");
    },
  },
};
</script>
<style lang='scss' scoped>
.contain-box {
  padding: 0.2rem;
  border: 1px solid #f56f3c;
}
.contain-title {
  margin-left: 0.4rem;
  padding: 0 0.1rem;
}
.radioBtn {
  padding-left: 0.2rem;
}
</style>